.wrapper_xs,.p_xs{padding: 5px;}
.wrapper_sm,.p_sm{padding: 10px;}
.wrapper,.p{padding: 15px;}
.wrapper_md,.p_md{padding: 20px;}
.wrapper_lg,.p_lg{padding: 30px;}
.wrapper_xl,.p_xl{padding: 50px;}
.p_l_n{padding-left:0;}
.p_l_xs{padding-left:5px;}
.p_l_sm{padding-left:15px;}
.p_l_md{padding-left:20px;}
.p_l_lg{padding-left:30px;}
.p_r_n{padding-right:0;}
.p_r_xs{padding-right:5px;}
.p_r_sm{padding-right:15px;}
.p_r_md{padding-right:20px;}
.p_r_lg{padding-right:30px;}
.p_t_n{padding-top:0;}
.p_t_xs{padding-top:5px;}
.p_t_sm{padding-top:15px;}
.p_t_md{padding-top:20px;}
.p_t_lg{padding-top:30px;}
.p_b_n{padding-bottom:0;}
.p_b_xs{padding-bottom:5px;}
.p_b_sm{padding-bottom:15px;}
.p_b_md{padding-bottom:20px;}
.p_b_lg{padding-bottom:30px;}
.padder_lg{padding-left:30px;padding-right: 30px}
.padder_md{padding-left:20px;padding-right: 20px}
.padder{padding-left:15px;padding-right: 15px}
.padder_v{padding-top:15px;padding-bottom: 15px}
.no_padder{padding: 0 !important;}
.pull_in{margin-left: -15px;margin-right: -15px;}
.pull_out{margin:-10px -15px;}


.m_xxs{margin: 2px 4px}
.m_xs{margin: 5px;}
.m_sm{margin: 10px;}
.m{margin: 15px;}
.m_md{margin: 20px;}
.m_lg{margin: 30px;}
.m_xl{margin: 50px;}
.m_n{margin: 0 !important}

.m_l_none{margin-left: 0 !important}
.m_l_xs{margin-left: 5px;}
.m_l_sm{margin-left: 10px;}
.m_l{margin-left: 15px}
.m_l_md{margin-left: 20px;}
.m_l_lg{margin-left: 30px;}
.m_l_xl{margin-left: 40px;}
.m_l_xxl{margin-left: 50px;}

.m_l_n_xxs{margin-left: -1px}
.m_l_n_xs{margin-left: -5px}
.m_l_n_sm{margin-left: -10px}
.m_l_n{margin-left: -15px}
.m_l_n_md{margin-left: -20px}
.m_l_n_lg{margin-left: -30px}
.m_l_n_xl{margin-left: -40px}
.m_l_n_xxl{margin-left: -50px}

.m_t_none{margin-top:0 !important}
.m_t_xxs{margin-top: 1px;}
.m_t_xs{margin-top: 5px;}
.m_t_sm{margin-top: 10px;}
.m_t{margin-top: 15px}
.m_t_md{margin-top: 20px;}
.m_t_lg{margin-top: 30px;}
.m_t_xl{margin-top: 40px;}
.m_t_xxl{margin-top: 50px;}

.m_t_n_xxs{margin-top: -1px}
.m_t_n_xs{margin-top: -5px}
.m_t_n_sm{margin-top: -10px}
.m_t_n{margin-top: -15px}
.m_t_n_md{margin-top: -20px}
.m_t_n_lg{margin-top: -30px}
.m_t_n_xl{margin-top: -40px}
.m_t_n_xxl{margin-top: -50px}

.m_r_none{margin-right: 0 !important}
.m_r_xxs{margin-right: 1px}
.m_r_xs{margin-right: 5px}
.m_r_sm{margin-right: 10px}
.m_r{margin-right: 15px}
.m_r_md{margin-right: 20px}
.m_r_lg{margin-right: 30px}
.m_r_xl{margin-right: 40px}
.m_r_xxl{margin-right: 50px}

.m_r_n_xxs{margin-right: -1px}
.m_r_n_xs{margin-right: -5px}
.m_r_n_sm{margin-right: -10px}
.m_r_n{margin-right: -15px}
.m_r_n_md{margin-right: -20px}
.m_r_n_lg{margin-right: -30px}
.m_r_n_xl{margin-right: -40px}
.m_r_n_xxl{margin-right: -50px}

.m_b_none{margin-bottom: 0 !important}
.m_b_xxs{margin-bottom: 1px;}
.m_b_xs{margin-bottom: 5px;}
.m_b_sm{margin-bottom: 10px;}
.m_b{margin-bottom: 15px;}
.m_b_md{margin-bottom: 20px;}
.m_b_lg{margin-bottom: 30px;}
.m_b_xl{margin-bottom: 40px;}
.m_b_xxl{margin-bottom: 50px;}

.m_b_n_xxs{margin-bottom: -1px}
.m_b_n_xs{margin-bottom: -5px}
.m_b_n_sm{margin-bottom: -10px}
.m_b_n{margin-bottom: -15px}
.m_b_n_md{margin-bottom: -20px}
.m_b_n_lg{margin-bottom: -30px}
.m_b_n_xl{margin-bottom: -40px}
.m_b_n_xxl{margin-bottom: -50px}

.text_center{
  text-align: center;
}

.text_left{
  text-align: left;
}

.text_right{
  text-align: right;
}

.w_sn{
  width: 20px;
}
.w_xxs{
  width: 60px;
}
.w_xs{
  width: 90px;
}
.w_sm{
  width: 150px;
}
.w{
  width: 200px;
}
.w_md{
  width: 240px;
}
.w_lg{
  width: 280px;
}
.w_xl{
  width: 320px;
}
.w_xxl{
  width: 360px;
}
.w_full{
  width: 100%;
}
.w_auto{
  width: auto;
}
.h_auto{
  height: auto;
}
.h_full{
  height: 100%;
}

.pull_right{
  float: right;
}

.pull_left{
  float: left;
}
